<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="saveData()">点我保存一个数据</button>
		<button onclick="readData()">点我读取一个数据</button>
		<button onclick="deleteData()">点我删除一个数据</button>
		<button onclick="deleteAllData()">点我清空数据</button>
		<script type="text/javascript">
			let p = {
				name: '邹宜臻',
				age: 18
			}

			function saveData() {
				sessionStorage.setItem('msg', 'hello')
				sessionStorage.setItem('info', JSON.stringify(p))
				// sessionStorage.setItem('age', p.age)
			}

			function readData() {
				console.log(sessionStorage.getItem('msg'));
				console.log(JSON.parse(sessionStorage.getItem('info')))
			}

			function deleteData() {
				sessionStorage.removeItem('msg')
			}
			function deleteAllData(){
				sessionStorage.clear()
			}
		</script>
	</body>
</html>
